<template>
  <div>
		<el-menu
		  :default-active="activeIndex2"
		  class="el-menu-demo"
		  mode="horizontal"
		  @select="handleSelect"
		  background-color="#545c64"
		  text-color="#fff"
		  active-text-color="#ffd04b"
		>
		  <el-menu-item index="vShuju" >首页</el-menu-item>
		  <el-menu-item index="vStudent">学生数据</el-menu-item>
		  <el-menu-item index="vTeacher">教师数据</el-menu-item>
		  <el-menu-item index="vSubject">课程数据</el-menu-item>
		  <el-menu-item index="vClass">违纪数据</el-menu-item>
		</el-menu>
  </div>
</template>

<script>
export default {
  name: 'vHead',
  data(){
	return {
		activeIndex: '1',
		activeIndex2: '1'
	};
  },
  methods: {
	handleSelect(key, keyPath) {
		// this.$router.push({name:key,query:{id:1001}})
		this.$router.push({name:key})
	    console.log(key);
	}
  }
}
</script>


<style scoped>
	a{text-decoration: none;}
</style>
